#2F82C3

Color Details

HEX
#2F82C3
RGB
rgb(47, 130, 195)
HSL
hsl(206, 61%, 47%)
CMYK
cmyk(76%, 33%, 0%, 24%)
Best text on this color #000000 (CR 5.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f82c3
Contrast 5.10:1 AA
White on #2f82c3
Contrast 4.12:1 Fail
#2f82c3 on Black
Contrast 5.10:1 AA
#2f82c3 on White
Contrast 4.12:1 Fail

Tints & Shades

#599bcf
#82b4db
#accde7
#26689c
#1c4e75
#13344e

Complement & Analogous

#c16e2f
#2f38c1
#2fc1b7

Triadic

#c12f82
#82c12f

Monochrome

#13344e #1c4e75 #2f82c3 #82b4db #accde7 #d5e6f3

Analogous

#2fc1b7 #6dd4cd #2f82c3 #5960cd #2f38c1 #262d9a

Complementary Mix

#1c4e75 #2f82c3 #82b4db #c16e2f #d7a178 #7d481f

Nearby Colors

#2f82c2
#2f82c4
#2f82b3
#2f82d3

Embed #2F82C3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2F82C3

#2F82C3 converts to RGB(47, 130, 195) and HSL(206, 61%, 47%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2F82C3 FAQs

What is the RGB value of #2F82C3?
RGB: 47, 130, 195. Copy as CSS: rgb(47, 130, 195)
Is #2F82C3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F82C3?
Complement: #c16e2f.
Does #2F82C3 have good contrast on white or black?
On white: 4.12:1 (AA (large text)). On black: 5.10:1 (AA (normal text)).